<!--
 * @Author: WeiJin 3413105907@qq.com
 * @Date: 2023-12-10 17:49:59
 * @LastEditors: WeiJin 3413105907@qq.com
 * @LastEditTime: 2023-12-17 21:42:12
 * @FilePath: \rpsm-user\src\views\home\feeInfo\BasisFee.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>

  <el-table
    :data="basisFeeList"
    style="width: 100%">
    <el-table-column
      prop="basis_name"
      label="费用名称"
      width="180">
      <!-- <template slot-scope="scope">
        <span>{{scope.row.basis_name}}</span>
      </template> -->
    </el-table-column>
    <el-table-column
      prop="price"
      label="单价"
      width="180">
      <template slot-scope="scope">
        <span>{{ scope.row.price / 100 }}</span>
      </template>
    </el-table-column>
    <el-table-column
      prop="intro"
      label="费用介绍">
    </el-table-column>
    
  </el-table>
      
      
</template>

<script>

import {baseurl} from '@/param'

export default {
    name:'BasisFee',
    data() {
      return {
        basisFeeList:[]
      }
    },
    methods:{
      getUnpaiedList(){
        axios.get (`${baseurl}/fee/queryAll/basis`,{
           headers:{
            'Authorization':sessionStorage.getItem('Authorization')
           } 
        })
        .then(res=>{
            if(res.data.code){
                this.basisFeeList = Object.values(res.data.data).slice(0, 3)
            }
        }).catch(err=>console.log(err))
      }
    },
    mounted(){
      this.getUnpaiedList()
    }    
    
}
</script>